<!DOCTYPE html>
<html lang="en">
<head>
    <title>John Lee 博客主页</title>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="description"
          content="W3 Markup takes your PSD files and converts them into quality, pixel-perfect HTML / CSS code.">
    <link rel="icon" href="https://w3m-static.s3.amazonaws.com/2.0/images/favicon.png" type="image/png"/>
    <link rel="canonical" href="index.html"/>

    {css href="/static/themes/coaster2016/css/all-v18.css"}
    {js href="/static/themes/coaster2016/js/jquery.min.js"}


    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,300,600,700" rel="stylesheet" type="text/css">
    <!-- Bootstrap core CSS -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700,700italic,800,800italic"
          rel="stylesheet" type="text/css">
    {css href="/static/themes/coaster2016/css/bootstrap.css"}
    {css href="/static/themes/coaster2016/css/style.css"}
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    {js href="/static/themes/coaster2016/js/mootools-all-v18.js"}
    {js href="/static/themes/coaster2016/js/main-all-v18.js"}
    <!--[if lt IE 9]>
    {js href="/static/themes/coaster2016//js/ie-all.js?v18"}
    <![endif]-->

    <style>
        .alink {
            font-family: Jura;
            background: navajowhite;
            font-size: 20px;
            text-decoration: none !important;
            padding: 15px;

        }
    </style>

</head>
<body class="home">
<noscript>
    <div>Javascript must be enabled for the correct page display
    </div>
</noscript>
<!-- Google Tag Manager -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KK4GPQ"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>


<script>(function (w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({
        'gtm.start': new Date().getTime(), event: 'gtm.js'
    });
    var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
    j.async = true;
    j.src =
        '//www.googletagmanager.com/gtm.js?id=' + i + dl;
    f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KK4GPQ');</script>
<!-- End Google Tag Manager -->


<div id="wrapper">

    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="{:url('/index/index')}">
                    <img src="/static/cache/uploads/images/coaster2016/logo_example-_x60-token=7bc986de088015aba4f4e46672fa596b.png"
                         title="logo example" alt="logo example"></a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="">
                        <a href="{:url('/article/index')}">博客</a>
                    </li>
                    <li class="active">
                        <a href="{:url('/index/index')}">关于</a>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>

    <div class="jumbotron"
         style="background: url('/static/uploads/images/coaster2016/top-banner.jpg') no-repeat center"></div>

    <div id="main">
        <section class="main-info" role="main">
            <div style="font-family: JosefinSans">
                <div class="text-center" style="color:#2D3D61;font-size:50px;font-weight: 900;font-family: Jura">
                    I'm John Lee
                </div>

                <div class="text-center" style="color:#2D3D61;font-size:50px;font-weight: 900;font-family: Jura">
                    The PHPer is Here!
                </div>

                <div class="text-center" style="">
                    <p>我是一名二次元的PHPer。</p>
                    <p>作为一名优秀的程序员，自我介绍不能太长。</p>
                    <p>五句话就合适了。</p>
                    <p>加上这句和前面说的。</p>
                    <p>我想我说完了~~</p>
                </div>


            </div>

            <header class="heading area">
            </header>
            <div class="main-box">
                <div class="box-holder">
                    <div class="box-frame">
                        <div class="area general-info">
                            <article class="section">
                                <h2>PHP</h2>

                                <p>
                                    PHP是什么？
                                    PHP顾名思义，就是拍黄片的意思，
                                    好了，说正经的，PHP是一门语言，讲究说学逗唱...........
                                    不扯了，这是吃饭的家伙.
                                </p>
                            </article>
                            <article class="section">
                                <h2>扯淡</h2>

                                <p>
                                    其实扯淡应该是扯蛋，
                                    但是扯蛋不够文雅。
                                    本人扯淡的时候一般都是扯段子，
                                    段子的味道当然是越扯越淡。
                                    所以还是写扯淡好了；
                                    好吧，我又在扯淡.
                                </p>
                            </article>
                            <article class="section">
                                <h2>脑洞</h2>

                                <p>西瓜是否也有过要在枝头远眺的光荣梦想？
                                    如今西瓜们壮志成灰，少年时在泥地里和野草纠缠挣扎，姑娘们却因为特价榴莲欢呼雀跃，特价的西瓜只会被精明的老奶奶买走。
                                    “如果你的想法跟别人不同，那就保持沉默。”----《黑客与画家》
                                    除非....你长的帅........
                                </p>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <aside class="hidden-block">
                <h3>Established in 2006</h3>

                <p>Over 8000 projects completed: 1200 e-commerce, 4000 psd to html, 3200 emails, 1000 CMS</p>
                <ul>
                    <li>Responsive Layout</li>
                    <li>HTML5</li>
                    <li>JS</li>
                    <li>Email Template</li>
                    <li>Wordpress</li>
                    <li>Magento</li>
                    <li>Joomla!</li>
                    <li>Drupal</li>
                    <li>Shopify</li>
                </ul>
            </aside>
        </section>

        <hr>

        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div style="margin-bottom:30px;font-size:25px;font-weight: 900;font-family: Jura">
                        我的博文
                    </div>

                    <div>
                        <ul>
                            <li>
                                <div class="row" id="homeArt">
                                    <div class="col-lg-6">
                                        <div class="col-lg-8" style="margin-top: -8px">
                                            <h5><a href="#">GoLang 微服务架构</a></h5>
                                            <p style="font-size: 12px">Sed ut perspiciatis unde omnis...</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-lg-8" style="margin-top: -8px">
                                            <h5><a href="#">GoLang 微服务架构</a></h5>
                                            <p style="font-size: 12px">Sed ut perspiciatis unde omnis...</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div style="font-size:25px;font-weight: 900;font-family: Jura">
                        TA对我的评价
                    </div>
                    <p>在这里你可以看到我身边的人，对我的评价如何！</p>

                    <div>
                        <ul>
                            <li>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="col-lg-4"><img width="71" height="71"
                                                                   src="/static/uploads/images/tom.png" alt=""></div>
                                        <div class="col-lg-8" style="margin-top: -8px">
                                            <h5><a href="javascript:void(0);">男孩的评价</a></h5>
                                            <p style="font-size: 12px">
                                                长的特别帅，令人嫉妒，人品也非常好，学识渊博，经验丰富，代码风骚，效率恐怖....我说完了，能把枪拿开了么？</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-lg-4"><img width="71" height="71"
                                                                   src="/static/uploads/images/suzanne.png" alt="">
                                        </div>
                                        <div class="col-lg-8" style="margin-top: -8px">
                                            <h5><a href="javascript:void(0)">女孩的评价</a></h5>
                                            <p style="font-size: 12px">
                                                稍有常识的人都能看出他长的帅，主要是特别有气质，真想嫁给他，给他生一堆小猴子，我也说完了，能把坦克开走了么？</p>
                                        </div>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>


<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <p>© Coaster 2017. Powered by <a href="http://www.coastercms.org">Coaster CMS</a>.</p>
            </div>
        </div>
    </div>
</footer>

<script>
    $(document).ready(function () {

        $.get('{:url("/index/gethomeart")}', {user:'1234'}, function (data) {
            if (data.status) {
                var html = '';
                $.each(data.info, function (a, b) {
                    html = html + '<div class="col-lg-6">' +
                        '<div class="col-lg-8" style="margin-top: -8px">' +
                        '<h5><a href="' + b.url + '">' + b.title + '</a></h5>' +
                        '<p style="font-size: 12px">' + b.content + '</p>' +
                        '</div>' +
                        '</div>'
                });
                $('#homeArt').html(html);
            } else {
                $('#homeArt').html('博主最近懒得没有写过文章');
            }
        })
    });
</script>
</body>
</html>